﻿/*组件主样式*/
.layer-operate-main-form
{
     position: absolute;
    left:30px;
    top: 50%;
    width:330px;
     font-size:12px;
      -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*
    position: absolute;
    left:30px;
    top: 50px;
    width:330px;
    height:90%;
    font-size:12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}
.layer-operate-main-form-body
{
    position: relative;
    transform:translateY(-50%); 
    left:0px;
    /*
    position: absolute;
    color: #FFF;
    z-index: 1;
    top: 0;
    width: 330px;
    height:90%;*/
}
.layer-operate-main-form-header
{
    width:100%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    font-size: 14px;  
    font-weight:bold;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-color:#ededed;
    color:#007be7;
    position:relative;
}
.layer-operate-main-form-header i.headericon
{
    width:16px;
    height:16px;
    background-color:transparent;
    background-repeat:round;
    background: url('/Images/main/layermanage-icon/layeritembar/icon-layerOperateTitle.png') center no-repeat;
    background-size:100% 100%;
    border:0px;
    position: absolute;
    top: 50%; 
    transform: translate(-50%, -50%);
    left:20px;
}
.layer-operate-main-form-header i.title
{
    position: absolute;
    top: 50%; 
    transform: translate(-50%, -50%);
    left:70px;
    font-style:normal;
}
.layer-operate-main-form-header i.closebutton
{
    background-color:transparent;
    background-image:url('/Images/main/LayerManage-icon/LayerTree/close.png');
    width:24px;
    height:24px;
    background-repeat:round;
    right:-10px;
    border:0px;
    position: absolute;
    top: 50%; 
    transform: translate(-50%, -50%);
    cursor:pointer;
}
.layer-operate-main-form-contetn
{
    pointer-events: all;
    padding: 5px 0;
    background: rgba(255, 255, 255, 1);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    max-height: 452px;
    overflow: auto;
    height: 250px;
}
/*图层列表样式*/
.layer-operate-main-form-contetn ul
{
    width:100%;
    height:100%;
    list-style:none; 
    list-style-type:none;
    margin:0px;
    padding:2px;
}
/*图层元素样式*/
.layer-operate-main-form-contetn ul li
{
    display:none;
    width:100%;
    height:60px;
    background:rgba(0,123,231,0.4);
    margin-top:2px;
}
.layer-operate-main-form-contetn ul li.active
{
    display:inline-block;
    width:100%;
    height:60px;
    background:rgba(0,123,231,0.4);
    margin-top:2px;
}
